export vim syntax highlighting to html

All syntax highlightings in this blog are generated by VIM.

Use this three simple VIM commands to export to html:

open source code file and issue the following commands:

# vim source_code.py
:let html_use_css=1
:TOhtml
:w source_code.html

i am using the css file below:

.WarningMsg { color: #ff6060; }
.WildMenu { color: #808080; background-color: #ffff00; }
.Folded { color: #8080ff; background-color: #ffffff; }
.FoldColumn { color: #8080ff; background-color: #ffffff; }
.DiffAdd { background-color: #8080ff; }
.DiffChange { background-color: #ff40ff; }
.DiffDelete { color: #8080ff; background-color: #00ffff; font-weight: bold; }
.DiffText { background-color: #ff6060; font-weight: bold; }
.SignColumn { color: #8080ff; background-color: #ffffff; }
.SpellBad { background-color: #ff6060; }
.SpellCap { background-color: #8080ff; }
.SpellRare { background-color: #ff40ff; }
.SpellLocal { background-color: #00ffff; }
.Pmenu { background-color: #ff40ff; }
.PmenuSel { background-color: #ffffff; }
.PmenuSbar { background-color: #ffffff; }
.PmenuThumb { color: #ffffff; background-color: #000000; }
.TabLine { color: #808080; background-color: #ffffff; text-decoration: underline; }
.TabLineSel { font-weight: bold; }
.TabLineFill { color: #ffffff; background-color: #000000; }
.CursorColumn { background-color: #ffffff; }
.CursorLine { text-decoration: underline; }
.MatchParen { background-color: #00ffff; }
.Comment { color: #5050ff; }
.Constant { color: #ff4040; }
.Special { color: #ff40ff; }
.Identifier { color: #00ffff; }
.Statement { color: #ffff00; }
.PreProc { color: #ff40ff; }
.Type { color: #00ff00; }
.Underlined { color: #ff40ff; text-decoration: underline; }
.Ignore { color: #ffffff; font-weight: bold; }
.Error { color: #ffffff; background-color: #ff6060; font-weight: bold; }
.Todo { color: #808080; background-color: #ffff00; }
.SpecialKey { color: #8080ff; }
.NonText { color: #8080ff; font-weight: bold; }
.Directory { color: #8080ff; }
.ErrorMsg { color: #ffffff; background-color: #ff6060; font-weight: bold; }
.IncSearch { color: #ffffff; background-color: #000000; }
.Search { color: #808080; background-color: #ffff00; }
.MoreMsg { color: #00ff00; }
.ModeMsg { font-weight: bold; }
.LineNr { color: #ffff00; }
.Question { color: #00ff00; }
.StatusLine { color: #ffffff; background-color: #000000; font-weight: bold; }
.StatusLineNC { color: #ffffff; background-color: #000000; }
.VertSplit { color: #ffffff; background-color: #000000; }
.Title { color: #ff40ff; }
.Visual { color: #ffffff; background-color: #000000; }

Dec 04 2012 15:00

by st0ne

? hits